<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Warehouse Management System</title>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.loading.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script type="text/javascript" SRC="/js/jquery-ui.js"></script>
<script type="text/javascript" SRC="/js/jquery.pagination.js"></script>
<script type="text/javascript" SRC="/js/merchant/ordersview.js"></script>
<link rel="stylesheet" href="/css/product-info.css" type="text/css" />
<link rel="stylesheet" href="/css/blitzer/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="/css/pagination.css" type="text/css" />


<style type="text/css">
body{font:normal normal normal 12px/150% "Segoe UI",Tahoma,Verdana,Arial; color:#333; margin:0; padding:0; background:#FFF}
/*-----Main-----*/

.main{width:900px; margin:auto; background:url(../images/main-bg.png) repeat-y left top; _background:url(../images/main-bg.gif) repeat-y left top;}
.main-body{min-height:300px; background:url(../images/main-top-bg.png) no-repeat  l top none; padding:0; position:relative; z-index:100;border:1px solid #cccccc}
.main-bottom{ background:url(../images/main-bottom-bg.png) no-repeat center top; _background:url(../images/main-bottom-bg.gif) no-repeat center top; height:7px;}


.bgc{ background:#F2F8FD; }
.radiu{
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow: hidden;
}
.info-top{ height:10px; }
.tab-li{
	float:left; padding:0;
	cursor:pointer;
	background:url(/images/menu-li-bg.gif) no-repeat center top;
	width:92px; height:25px; line-height:25px;
	text-align:center; color:white;
}
.tab-li-click{
	background:url(/images/menu-li-bg-hover.gif) no-repeat center top;
}
.tab-li:hover{
	background:url(/images/menu-li-bg-hover.gif) no-repeat center top;
}
.info-header{
	width:100%;height:200px;
	border-bottom:1px solid #CCC;
	position:relative;
}
.info-header h3{
	text-indent:10px;
}
.info-content{}
.info-content-body{
	border-top:1px solid #CCC;
	width:100%;
	clear:both;
	min-height: 200px;
}
.info-content-menu{
	border-top:1px solid #CCC;
	width:100%;
}
.info-header-content{
	position:absolute;top:50px;left:10px;
	width:870px;border:1px solid #CCC;
}
.cell20{
	width:180px;height:25px;line-height:25px;
	display:inline-block;
	overflow:hidden;
	border-bottom:1px solid #CCC;border-right:1px solid #CCC;
	margin:0px;float:left;
}
.cell30{
	width:253px;height:25px;line-height:25px;
	display:inline-block;
	overflow:hidden;
	border-bottom:1px solid #CCC;border-right:1px solid #CCC;
	margin:0px;margin:0px;float:left;
}

.line1 {
	width: 100%;
	overflow: hidden;
	background: none repeat scroll 0 0 #FFFFFF;
}
.line1:hover {
background-color:#F2F8F9;
}
.line2:hover {
background-color:#F2F8F9;
}

.line2 {
    overflow: hidden;
    width: 100%;
}

.cell {
    background: url("/images/border.gif") repeat-y scroll right top transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
}

.cell2 {
    background:url("/images/border.gif") repeat-y scroll right top transparent;
    float: left;
    overflow: hidden;
    text-align: center;
}

.cell3 {
    background:url("/images/border.gif") repeat-y scroll right top transparent;
    float: left;
    overflow: hidden;
    text-align: center;
	line-height: 75px;
    height: 75px;
}


.per15 {
    border-style: none;
    float:right;
    line-height: 25px;
    text-align: left;
    width: 10%;
	border-right:0 none;
	background: url("") repeat-y right top;
    background-image: url("");
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;
    background-attachment: initial;
    background-position-x: 100%;
    background-position-y: 0%;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.per25 {
    border-style: none;
    float:right;
    line-height: 75px;
    text-align: center;
    width: 10%;
	border-right:0 none;
	background: url("") repeat-y right top;
    background-image: url("");
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;
    background-attachment: initial;
    background-position-x: 100%;
    background-position-y: 0%;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.per10 {
    width: 10%;
	height::100%;
}
.per20 {
    width: 10%;
	height:70px;
	height::100%;
}
.per23 {
    width: 30%;
	height::100%;
}
.height110 {
    height:auto;
    overflow:hidden;
}

.per11 {
    width: 50%;
	line-height: 15px;
	text-align:left;
	word-break:break-all;
    float: left;
    line-height: 25px;
    text-align: left;


}
.per12 {
    width: 50%;
	text-align:center;
	word-break:break-all;

}
.per22 {
    width: 10%;
	text-align:center;
	word-break:break-all;

}
.perw15 {
    width: 23%;
	text-align:center;
	word-break:break-all;

}
.no-bottom{border-bottom:none}
.no-right{border-right:none}
.error{color:red}
</style>
</head>
<body class="bgc">
<input type="hidden" name="orders_code" value="<{$orders_code}>"/>
<input type="hidden" name="tracking_number" value="<{if isset($order.tracking_number)}><{$order.tracking_number}><{/if}>"/>
<input type="hidden" name="order" value="<{if isset($order.orders_code)}>1<{else}>0<{/if}>"/>
<div class="info-top"></div>

<div class="main">
	<div class="main-body">
		<div class="content bgc">

			<div class="info-header">
				<h3 class="">Order Details</h3>
				<div class="info-header-content">
				<{if isset($order.orders_code)}>
					<div class="cell20">OrdersCode:</div>
					<div class="cell30"><{$order.orders_code}></div>
					<div class="cell20">CustomerID:</div>
					<div class="cell30 no-right"><{$order.customer_id}></div>
					
                    <{if isset($order.tracking_number)}>
                        <div class="cell20">Tracking Nnumber:</div>
                        <div class="cell30 no-right"><{$order.tracking_number}></div>
                        <div class="cell20">Reference Tracking Number:</div>
                        <div class="cell30"><{$order.customer_order_code}></div>
                    <{/if}>
					
					<div class="cell20">ShippingMethod:</div>
					<div class="cell30"><{$order.shipping_method}></div>
					<div class="cell20">ParcelDeclaredValue:</div>
					<div class="cell30 no-right"><{$order.parcel_declared_value}></div>

					<div class="cell20 ">ConsigneeFirstName:</div>
					<div class="cell30 "><{$order.consignee_first_name}></div>
					<div class="cell20 ">ConsigneeLastName:</div>
					<div class="cell30 no-right"><{$order.consignee_last_name}></div>

					<div class="cell20 ">ConsigneeAddress1:</div>
					<div class="cell30 "><{$order.consignee_address1}></div>
					<div class="cell20 ">ConsigneeAddress2:</div>
					<div class="cell30 no-right"><{$order.consignee_address2}></div>

					<div class="cell20 ">ConsigneeRegion:</div>
					<div class="cell30 "><{$order.consignee_region}></div>
					<div class="cell20 ">ConsigneeCity:</div>
					<div class="cell30 no-right"><{$order.consignee_city}></div>

					<div class="cell20 ">ConsigneeCountryId:</div>
					<div class="cell30 "><{$order.consignee_country_id}></div>
					<div class="cell20 ">ConsigneeRegion:</div>
					<div class="cell30 no-right"><{$order.consignee_region}></div>

					<div class="cell20 ">ConsigneeZip:</div>
					<div class="cell30 "><{$order.consignee_zip}></div>
					<div class="cell20 ">ConsigneePhone:</div>
					<div class="cell30 no-right"><{$order.consignee_phone}></div>

					<div class="cell20 ">ConsigneeEmail:</div>
					<div class="cell30 "><{$order.consignee_email}></div>
					<div class="cell20 ">ConsigneeCompany:</div>
					<div class="cell30 no-right"><{$order.consignee_company}></div>

					<div class="cell20 ">AddTime:</div>
					<div class="cell30 "><{$order.add_time}></div>
					<div class="cell20 ">LastModifiedTime:</div>
					<div class="cell30 no-right"><{$order.last_modified_time}></div>

				<{/if}>
				</div>

			</div>
			<div class="info-content">
				<div class="info-content-menu bgc">
					<ul class="bgc">
						<li class="tab-li tab-li-click">ProductInfo</li>
						<li class="tab-li">Log</li>
                        <{if isset($order.tracking_number)}>
                        <li class="tab-li">OrderShip</li>
                        <{/if}>
					</ul>
				</div>
				<div class="info-content-body">	</div>

			</div>

		</div>
	</div>

	<div class="main-bottom"></div>
</div>
<div id="tip" style="display:none" title="Tip">
	Inventory does not exist
</div>

</body>
</html>
